<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="../jquery-1.10.1.min.js"></script>
	<script type="text/javascript">
	/*
		$()下的常用方法:
			parentsUntil() : 设置停止查找的祖先节点，到该位置时停止向上查找(不含自身和参数所对应的元素)
			prevUntil() : 设置停止查找的兄弟节点位置，到该位置时停止向上查找(不含自身和参数所对应的元素)
			nextUntil() : 设置停止查找的兄弟节点位置，到该位置时停止向下查找(不含自身和参数所对应的元素)
	*/
	$(function() {
		// $('span').parentsUntil('body').css('background', 'red');

		// $('#box').parentsUntil('body').css('background', 'red');		//不含#box和body以上祖先元素

		// $('h1').prevUntil('h1').css('background', 'red');			//多个时，从最后一个开始(同样不含自身)

		// $('h1').prevUntil('div').css('background', 'red');			//多个时，从最后一个开始(同样不含自身)
	});
	</script>
</head>
<body>
	<div id="box">
		111
		<div>div</div>
		<span>span</span>
		<p>p1</p>
		<h1>h1</h1>
		<h1>h1</h1>
		<p>p2</p>
		<h1>h1</h1>
		<em>em</em>
	</div>
	
</body>
</html>